  <template>
  <h1>属性绑定指令</h1>
  <input type="text" value="kk">
  <input type="text" value="info">
  <input type="text" v-bind:value="info">
  <input type="text" :value="info">
    <hr>
<!--    此处url是一个响应式变量，使用url来控制超链接-->
<!--    ：href="url"  与 v-bind:href="url"等价-->
    <a :href="url">超链接</a>
    <a v-bind:href="url">链接2</a>

</template>
<script setup>
import {ref} from "vue";

const info=ref('属性绑定');

const url=ref('https://www.baidu.com');
url.value="https://www.jd.com";//js使用响应式变量，必须是 .value;

</script>


<style scoped>

</style>